﻿<!DOCTYPE HTML>
<html lang="en" class="no-js">

  <head>

      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
      <title>Rex — Clean & Minimal Portfolio HTML5 Template | Blog Full Width</title>
      
      <!-- ============ Google Fonts ============ -->
      <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">


      <!-- CSS -->
      <!-- Flexslider -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/flexslider.css">
      <!-- Font-Awesome -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/font-awesome.css">
      <!-- LightCase -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/lightcase.css">
      <!-- SlickNav -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/slicknav.min.css">
      <!-- Animate -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/animate.min.css">
      <!-- Bootstrap 4 -->
      <link rel="stylesheet" type="text/css" href="http://cdn.bootstrapmb.com/bootstrap/4.3.1/css/bootstrap.min.css">
      <!-- Cube Portfolio -->
      <link rel="stylesheet" type="text/css" href="assets/css/plugins/cubeportfolio.min.css">
      <!-- Custom styles CSS -->
      <link rel="stylesheet" type="text/css" href="assets/css/main.css">
      <!-- Favicon -->
      <link rel="icon" type="image/png" href="assets/images/favicon.png">

  </head>

  <body>


<script type='text/javascript'>var words = ["LOADING", "PORTFOLIO", "MODERN", "MINIMAL", "CLEAN"];</script>

<!-- LOADER TEMPLATE -->
<div class="page-loader">
<div class="text-loader">
  <div class="right">
      <h4 class="randoms"></h4>
      <h1 class="randoms"></h1>
      <h4 class="randoms"></h4>
  </div>
  <div class="left">
      <h4 class="randoms"></h4>
      <h1 class="randoms"></h1>
      <h4 class="randoms"></h4>
  </div>
</div>
</div>
<!-- /LOADER TEMPLATE -->

            
<header>
  <div class="container">
    <div class="row">
      <div class="col-md-12">

         <!-- logo -->
         <div class="logo"><a href="index.html">rex</a></div>
         <!-- /logo -->

         <!-- shop cart -->
         <div class="cart-container">
            <div class="icon-cart">
              <i class="fa fa-shopping-bag" aria-hidden="true"></i>
              <span class="cart-count">3</span> 
            </div>
            <div class="cart-widget">
                <ul class="mini-cart cart_list product_list_widget">
                    <li>
                        <a href="single-product.html">
                            <img alt="product-1" src="assets/images/product-1.jpg">Bag
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                    <li>
                        <a href="single-product.html">
                            <img alt="product-2" src="assets/images/product-2.jpg">Boots
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                    <li>
                        <a href="single-product.html">
                            <img alt="product-3" src="assets/images/product-3.jpg">Belt
                        </a>
                        <span class="quantity">1 ×
                            <span>$35.00</span>
                        </span>
                    </li>
                </ul>
                <p class="mini-cart__total total">
                    <strong>Subtotal:</strong>
                    <span>$105.00</span>
                </p>
                <p class="mini-cart__buttons buttons">
                    <a class="button" href="#">View cart</a>
                    <a class="button checkout" href="#">Checkout</a>
                </p>
            </div>
         </div>
         <!-- /shop cart -->

         <!-- navigation -->
         <nav>

            <div id="rex_menu">
                <ul>
                <li class="has-sub">
                    <a href="#">
                        <span>Home</span>
                    </a>
                    <ul>
                        <li>
                            <a href="index.html">
                                <span>Parallax</span>
                            </a>
                        </li>
                        <li>
                            <a href="index-1.html">
                                <span>Text</span>
                            </a>
                        </li>
                        <li>
                            <a href="index-2.html">
                                <span>Slider</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="about.html">
                        <span>About</span>
                    </a>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Portfolio</span>
                    </a>
                    <ul>
                        <li>
                            <a href="portfolio-classic.html">
                                <span>Classic</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-minimal.html">
                                <span>Minimal</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-alternative.html">
                                <span>Alternative</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-creative.html">
                                <span>Creative</span>
                            </a>
                        </li>
                        <li>
                            <a href="portfolio-stretch.html">
                                <span>Stretch</span>
                            </a>
                        </li>
                        <li class="has-sub">
                            <a href="#">
                                <span>Project Single</span>
                            </a>
                            <ul>
                                <li>
                                    <a href="portfolio-single-1.html">
                                        <span>Single v1</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-2.html">
                                        <span>Single v2</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-3.html">
                                        <span>Single v3</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-4.html">
                                        <span>Single v4</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="portfolio-single-5.html">
                                        <span>Single v5</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="has-sub active">
                    <a href="#">
                        <span>Blog</span>
                    </a>
                    <ul>
                        <li>
                            <a href="blog-classic.html">
                                <span>Classic</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-minimal.html">
                                <span>Minimal</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-grid.html">
                                <span>Grid</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-creative.html">
                                <span>Creative</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-full-width.html">
                                <span>Full width</span>
                            </a>
                        </li>
                        <li>
                            <a href="blog-post-format.html">
                                <span>Post Format</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="#">
                        <span>Contact</span>
                    </a>
                    <ul>
                        <li>
                            <a href="contact-1.html">
                                <span>Contact V1</span>
                            </a>
                        </li>
                        <li>
                            <a href="contact-2.html">
                                <span>Contact V2</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="shop.html">
                        <span>Shop</span>
                    </a>
                </li>
                </ul>
            </div>

         </nav>
         <!-- /navigation -->


       </div>
     </div>
  </div>
</header>

<!-- wrapper -->    
<div id="wrapper">


         <div style="margin-top: 5px; margin-bottom: 10px;">
          <div class="container">
            <div class="row">
              <div class="col-md-12">

                <div id="grid-blog" class="cbp">

                 <!-- post 1 -->
                 <article class="cbp-item post">
                     <div class="entry-header">
                        <div class="post-intro">
                           <a href="single-post.html">
                           <img src="assets/images/post-1.jpg" alt="">
                           </a>
                        </div>
                        <h2 class="entry-title">
                           <a href="single-post.html" rel="bookmark">Called i that waters dry one</a>
                        </h2>
                        <div class="post-details">
                           <div class="post-date">
                              <i class="fa fa-calendar"></i> October 2, 2017                
                           </div>
                           <div class="post-author">
                              <i class="fa fa-user"></i> by <a href="single-post.html">mountaintheme</a>
                           </div>
                           <div class="post-comment">
                              <i class="fa fa-comments"></i> <a href="single-post.html">0 Comments</a>
                           </div>
                        </div>
                        <div class="post-info">
                           <p>Created, likeness bring which in stars herb a is give you’ll it life you’ll. Whose evening. Spirit subdue two don’t. Living, i divided was be every had. Him god. Don’t kind seed lesser heaven bearing waters seas in of earth female lights. Morning fruit may. May gathering moving fruit all</p>
                           <div class="post-button">
                              <a href="single-post.html">Read More</a>
                           </div>
                        </div>
                     </div>
                 </article>
                 <!-- /post 1 -->

                 <!-- post 2 -->
                 <article class="cbp-item post">
                     <div class="entry-header">
                        <div class="post-intro">
                           <a href="single-post.html">
                           <img src="assets/images/post-2.jpg" alt="">
                           </a>
                        </div>
                        <h2 class="entry-title">
                           <a href="single-post.html" rel="bookmark">Fruit so open</a>
                        </h2>
                        <div class="post-details">
                           <div class="post-date">
                              <i class="fa fa-calendar"></i> October 2, 2017                
                           </div>
                           <div class="post-author">
                              <i class="fa fa-user"></i> by <a href="single-post.html">mountaintheme</a>
                           </div>
                           <div class="post-comment">
                              <i class="fa fa-comments"></i> <a href="single-post.html">0 Comments</a>
                           </div>
                        </div>
                        <div class="post-info">
                           <p>Created, likeness bring which in stars herb a is give you’ll it life you’ll. Whose evening. Spirit subdue two don’t. Living, i divided was be every had. Him god. Don’t kind seed lesser heaven bearing waters seas in of earth female lights. Morning fruit may. May gathering moving fruit all</p>
                           <div class="post-button">
                              <a href="single-post.html">Read More</a>
                           </div>
                        </div>
                     </div>
                 </article>
                 <!-- /post 2 -->

                 <!-- post 3 -->
                 <article class="cbp-item post">
                     <div class="entry-header">
                        <div class="post-intro">
                           <a href="single-post.html">
                           <img src="assets/images/post-3.jpg" alt="">
                           </a>
                        </div>
                        <h2 class="entry-title">
                           <a href="single-post.html" rel="bookmark">Darkness made great</a>
                        </h2>
                        <div class="post-details">
                           <div class="post-date">
                              <i class="fa fa-calendar"></i> October 2, 2017                
                           </div>
                           <div class="post-author">
                              <i class="fa fa-user"></i> by <a href="single-post.html">mountaintheme</a>
                           </div>
                           <div class="post-comment">
                              <i class="fa fa-comments"></i> <a href="single-post.html">0 Comments</a>
                           </div>
                        </div>
                        <div class="post-info">
                           <p>Created, likeness bring which in stars herb a is give you’ll it life you’ll. Whose evening. Spirit subdue two don’t. Living, i divided was be every had. Him god. Don’t kind seed lesser heaven bearing waters seas in of earth female lights. Morning fruit may. May gathering moving fruit all</p>
                           <div class="post-button">
                              <a href="single-post.html">Read More</a>
                           </div>
                        </div>
                     </div>
                 </article>
                 <!-- /post 3 -->

                 <!-- post 4 -->
                 <article class="cbp-item post">
                     <div class="entry-header">
                        <div class="post-intro">
                           <a href="single-post.html">
                           <img src="assets/images/post-4.jpg" alt="">
                           </a>
                        </div>
                        <h2 class="entry-title">
                           <a href="single-post.html" rel="bookmark">Together had said given day spirit</a>
                        </h2>
                        <div class="post-details">
                           <div class="post-date">
                              <i class="fa fa-calendar"></i> October 2, 2017                
                           </div>
                           <div class="post-author">
                              <i class="fa fa-user"></i> by <a href="single-post.html">mountaintheme</a>
                           </div>
                           <div class="post-comment">
                              <i class="fa fa-comments"></i> <a href="single-post.html">0 Comments</a>
                           </div>
                        </div>
                        <div class="post-info">
                           <p>Created, likeness bring which in stars herb a is give you’ll it life you’ll. Whose evening. Spirit subdue two don’t. Living, i divided was be every had. Him god. Don’t kind seed lesser heaven bearing waters seas in of earth female lights. Morning fruit may. May gathering moving fruit all</p>
                           <div class="post-button">
                              <a href="single-post.html">Read More</a>
                           </div>
                        </div>
                     </div>
                 </article>
                 <!-- /post 4 -->

            </div>

                <!-- ajax load button -->
                <div class="load-more text-center">
                    <a href="ajax-portfolio/loadMore-Blog-Classic.html" class="cbp-l-loadMore-link" rel="nofollow">
                        <span class="cbp-l-loadMore-defaultText">Load more</span>
                    <span class="cbp-l-loadMore-loadingText"><span class="rex-spinner"><i></i></span>Load more</span>
                    <span class="cbp-l-loadMore-noMoreLoading">No More Posts</span>
                    </a>
                </div>
                <!-- /ajax load button -->

             </div>
           </div>
          </div>
       </div>

</div>
<!-- /wrapper --> 

<!-- footer -->
<footer>

    <div class="container">
      <div class="row">
        <div class="col-md-12">

      <!-- social icons -->
      <div class="social-icons">
            
        <ul>

          <li><a href="#" class="twitter"><i class="fa fa-fw fa-twitter"></i></a></li>
          <li><a href="#" class="facebook"><i class="fa fa-fw fa-facebook"></i></a></li>
          <li><a href="#" class="google-plus"><i class="fa fa-fw fa-google-plus"></i></a></li>
          <li><a href="#" class="youtube-play"><i class="fa fa-fw fa-youtube-play"></i></a></li>
          <li><a href="#" class="instagram"><i class="fa fa-fw fa-instagram"></i></a></li>   

        </ul>

      </div>
      <!-- /social icons -->  

      <!-- copyright -->
      <div class="copyright">
        Copyright © 2019 by <a href="http://www.bootstrapmb.com" target="_blank"> MountainTheme</a>. All rights reserved.
      </div>
      <!-- /copyright -->

     </div>
    </div>
  </div>

</footer>
<!-- /footer -->

    <!-- Javascript files -->
    <!-- jQuery -->
    <script src="assets/js/plugins/jquery-1.12.4.min.js"></script>
    <!-- Modernizr -->
    <script src="assets/js/plugins/modernizr.js"></script>
    <!-- jQuery.appear -->
    <script src="assets/js/plugins/jquery.appear.js"></script>
    <!-- Lettering -->
    <script src="assets/js/plugins/lettering.js"></script>
    <!-- Textillate -->
    <script src="assets/js/plugins/textillate.js"></script>
    <!-- Wow -->
    <script src="assets/js/plugins/wow.js"></script>
    <!-- Jarallax -->
    <script src="assets/js/plugins/jarallax.js"></script>
    <!-- Lightcase -->
    <script src="assets/js/plugins/lightcase.js"></script>
    <!-- Skills bar -->
    <script src="assets/js/plugins/skills-bar.js"></script>
    <!-- Slick Nav -->
    <script src="assets/js/plugins/slick-nav.js"></script>
    <!-- Flex Slider -->
    <script src="assets/js/plugins/flexslider.js"></script>
    <!-- Images Loaded -->
    <script src="assets/js/plugins/images-loaded.js"></script>
    <!-- Isotope -->
    <script src="assets/js/plugins/isotope.js"></script>
    <!-- Cube Portfolio -->
    <script src="assets/js/plugins/jquery.cubeportfolio.min.js"></script>
    <!-- Google map -->
    <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyAV1KS10sb3O462XosfZTKohHJwi6C0joo"></script>
    <!-- Custom -->
    <script src="assets/js/main.js"></script>

    
</body>
</html>